Ext.define('ES.view.search.SearchBox',{
	extend:'Ext.container.Container',
	alias:'widget.searchbox',
	requires:['Ext.form.field.Text'],
	width:'100%',
	layout:{
		type:'hbox',
		pack:'center',
		defaultMargins:{top: 0, right: 8, bottom: 0, left: 0}
	},
    initComponent: function() {
    	 this.items=[
	         {
        		xtype:'textfield',
        		name:'searchQuery',
        		itemId:'searchQuery',
        		width:400,
        		height:50,
        		fieldStyle:"font-size:20;color:#CCCCCC;line-height:50px;height:50px",
        		emptyText:'Type keyword to search'
        	},
        	{
        		xtype:'button',
        		text:'Search',
        		height:45,
        		width:100
        	}
        ];
    	this.callParent(arguments);
    }
});